<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <#include "common.ftl">
    <style>
        body {
            background-color: #F2F2F2;;
        }
    </style>
</head>
<body>
<ul class="layui-nav" lay-filter="tab">
    <li class="layui-nav-item layui-this"><a href="${ctx}/index">首页</a></li>
    <li class="layui-nav-item"><a href="${ctx}/user/index">用户</a></li>
    <li class="layui-nav-item"><a href="${ctx}/permission/index">菜单</a></li>
    <li class="layui-nav-item"><a href="">学习</a></li>
    <li class="layui-nav-item"><a href="${ctx}/photo/index">相册</a></li>
    <li class="layui-nav-item"><a href="${ctx}/user/onLineUsers">在线用户</a></li>
    <li class="layui-nav-item"><a href="${ctx}/gen/index">代码生成</a></li>
    <li class="layui-nav-item" style="float: right"><a href="${ctx}/layout">退出</a></li>
</ul>
<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <#--<div class="layui-col-md4">-->
            <#--<div class="layui-card">-->
                <#--<div class="layui-card-header">快捷菜单</div>-->
                <#--<div class="layui-card-body">-->

                    <#--<div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside"-->
                         <#--lay-arrow="none" style="width: 100%; height: 280px;">-->
                        <#--<div carousel-item="">-->
                            <#--<ul class="layui-row layui-col-space10 layui-this">-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="home/homepage1">-->
                                        <#--<i class="layui-icon layui-icon-console"></i>-->
                                        <#--<cite>主页一</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="home/homepage2">-->
                                        <#--<i class="layui-icon layui-icon-chart"></i>-->
                                        <#--<cite>主页二</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="component/layer/list">-->
                                        <#--<i class="layui-icon layui-icon-template-1"></i>-->
                                        <#--<cite>弹层</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="/senior/im/">-->
                                        <#--<i class="layui-icon layui-icon-chat"></i>-->
                                        <#--<cite>聊天</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="component/progress/index">-->
                                        <#--<i class="layui-icon layui-icon-find-fill"></i>-->
                                        <#--<cite>进度条</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="app/workorder/list">-->
                                        <#--<i class="layui-icon layui-icon-survey"></i>-->
                                        <#--<cite>工单</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="user/user/list">-->
                                        <#--<i class="layui-icon layui-icon-user"></i>-->
                                        <#--<cite>用户</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/system/website">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>设置</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                            <#--</ul>-->
                            <#--<ul class="layui-row layui-col-space10">-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                                <#--<li class="layui-col-xs3">-->
                                    <#--<a lay-href="set/user/info">-->
                                        <#--<i class="layui-icon layui-icon-set"></i>-->
                                        <#--<cite>我的资料</cite>-->
                                    <#--</a>-->
                                <#--</li>-->
                            <#--</ul>-->

                        <#--</div>-->
                        <#--<div class="layui-carousel-ind">-->
                            <#--<ul>-->
                                <#--<li class="layui-this"></li>-->
                                <#--<li class=""></li>-->
                            <#--</ul>-->
                        <#--</div>-->
                        <#--<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>-->
                        <#--<button class="layui-icon layui-carousel-arrow" lay-type="add"></button>-->
                    <#--</div>-->

                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <#--<div class="layui-col-md4">-->
            <#--<div class="layui-card">-->
                <#--<div class="layui-card-header">实时监控</div>-->
                <#--<div class="layui-card-body layadmin-takerates">-->
                    <#--<div class="layui-progress" lay-showpercent="yes">-->
                        <#--<h3>CPU使用率</h3>-->
                        <#--<div class="layui-progress-bar" lay-percent="58%" style="width: 58%;"><span-->
                                <#--class="layui-progress-text">58%</span></div>-->
                    <#--</div>-->
                    <#--<div class="layui-progress" lay-showpercent="yes">-->
                        <#--<h3>内存占用率</h3>-->
                        <#--<div class="layui-progress-bar layui-bg-red" lay-percent="90%" style="width: 90%;"><span-->
                                <#--class="layui-progress-text">90%</span></div>-->
                    <#--</div>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header">框架介绍</div>
                <div class="layui-card-body layui-text">
                    <table class="layui-table">
                        <colgroup>
                            <col width="100">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>框架名称</td>
                            <td>
                                小马开源
                            </td>
                        </tr>
                        <tr>
                            <td>技术</td>
                            <td>
                                springboot + shiro + mybatis-plus + layui
                            </td>
                        </tr>
                        <tr>
                            <td>框架介绍</td>
                            <td>
                                基于springboot2.0，shiro作为安全框架，mybatis-plus作为持久层,layui作为前台展示<br/>
                                已有功能：<br/>
                                1：登录，退出以及权限认证功能<br/>
                                2：整合druid连接池+mybatisplus<br/>
                                3：基于redis实现session共享，解决集群部署时session不同步问题<br/>
                                4：在线用户管理，强制下线功能<br/>
                                5：集成layui前端框架<br/>
                                6：代码生成器1.0版本，支持字段个性化定制<br/>
                                7：在线相册功能<br/>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;

        element.on('nav(tab)', function(data){
            var href = data[0].href;
            location.href = href;
        })
    })
</script>
</body>
</html>